<template>
    
    <div class="siteNav">
        <div class="container">
            <ul class="nav-list cf">
                <li class="active"><router-link class="nav-item" to="/blog/home">首页</router-link></li>
                <li ><router-link class="nav-item" to="">生活笔记</router-link></li>
                <li ><router-link class="nav-item" to="">技术杂谈</router-link></li>
                <li ><router-link class="nav-item" to="">关于博主</router-link></li>
                <li ><router-link class="nav-item" to="">给我留言</router-link></li>
                <li ><router-link class="nav-item" to="">技术交流</router-link></li>
            </ul>
        </div>


    </div>
</template>

<script>
    export default {
        name: "siteNav"

    }


</script>

<style scoped lang="less">
    .siteNav{
        background-color: #4a4a4a;

        .container{
            /*background-color: red;*/
        }
        .nav-list{
            >li{
                float: left;
                padding: 16px 20px;
                cursor: pointer;
            }
            .active{
                background-color: #D56464;
            }

            .nav-item{
                color: #fff;
                font-size: 16px;
            }
        }

    }

</style>